<!-- #SVG设计 -->
<?php Workerman\Protocols\Http::sessionStart(); $G_MODEL_NAME =basename(__FILE__,'.php'); ?>
<?php @$G_MODEL_GET_POSTER_ID = $_GET['poster_id'];?>
<html>
    
    <head></head>
    
    <body>
        <div class="mod_<?php echo $G_MODEL_NAME;?> row animated fadeInRight">
            <div class="col-lg-12" style="padding-left:0;padding-right:0;">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-inline">
                                    <div class="form-group" style="margin-left:1%">
                                        <button class="btn btn-primary" name="btn_mod_poster_information_management_details_return">返回</button></div>
                                    <div class="form-group" style="margin-left:1%;display: inline-block;font-size: 15px;margin: 1px 24px 7px;padding: 0;text-overflow: ellipsis;font-weight: 600;"></div>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="form-inline">
                                    <div class="form-group" style="margin-left:1%">
                                        <label class="control-label">选择页数</label>
                                        <div class="input-group">
                                            <select data-placeholder="选择页数..." class="chosen-select" style="width:120px;" tabindex="2" name="mod_poster_picture_page">
                                                <option value="1">第1页</option>
                                                <option value="2">第2页</option>
                                                <option value="3">第3页</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-left:1%">
                                        <label class="control-label">选择部门</label>
                                        <div class="input-group">
                                            <select data-placeholder="选择部门..." class="chosen-select" style="width:120px;" tabindex="2" name="mod_poster_picture_department">
                                                <option value="unlocked">市场部</option>
                                                <option value="locked">采购一部</option>
                                                <option value="work_order_generated">采购二部</option></select>
                                        </div>
                                    </div>

                                    <div class="form-group" style="margin-left:1%;">
                                        <div style="display: flex;align-items: center;">
                                            <button class="label label-info export-csv-btn" style="border: none;outline: none;float: right;  width:120px; height: 33px; padding: 4px 12px;margin-left: 10px;" >导出按钮CSV</button>
<!--                                            <button class=" " style="" >查看导入按钮</button>-->
                                            <div class="btn-group">
                                                <button data-toggle="dropdown" class="label label-info" style="border: none;outline: none;float: right;  width:120px; height: 33px; padding: 4px 12px;margin-left: 10px;">查看导入按钮</button>
                                                <ul class="dropdown-menu current-page-btn" style="width: 300px;padding:0 10px;z-index: 99999;">
                                                    <table class="table table-hover table-striped margin bottom" id="all-btn-details">
                                                        <thead>
                                                        <tr>
                                                            <th style="" class="text-center">序号</th>
                                                            <th>内容</th>
                                                            <th>属性</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody></tbody>
                                                    </table>
                                                </ul>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="form-group" style="margin-left:1%">
                                        <label class="control-label">采购:</label>
                                        <label name="mod_poster_picture_user_name" style="font-size: larger;color: darkorange;">未校稿</label>
                                    </div>
                                    <div class="form-group" style="margin-left:1%">
                                        <label class="control-label">副总监:</label>
                                        <label name="mod_poster_picture_deputy_director_name" style="font-size: larger;color: darkorange;">未校稿</label>
                                    </div>
                                    <div class="form-group" style="margin-left:1%">
                                        <label class="control-label">总监:</label>
                                        <label name="mod_poster_picture_chief_inspector_name" style="font-size: larger;color: darkorange;">未校稿</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" id="poster_num_tab">
                            <li class="active">
                                <a data-toggle="tab" href="#tab-1" aria-expanded="true">第1次校稿</a></li>
                     <!--       <li class="">
                                <a data-toggle="tab" href="#tab-2" aria-expanded="false">第2次校稿</a></li>
                            <li class="">
                                <a data-toggle="tab" href="#tab-3" aria-expanded="false">第3次校稿</a></li>-->
                        </ul>
                                                        
                        <div class="tab-content" id="poster_num_content">
                            <div id="" class="tab-pane active">
                                <div class="panel-body">
                                    <div class="tabs-container">
                                        <div class="tabs-left">
                                            <ul class="nav nav-tabs" id="picture_tab">
                                                <li class="active">
                                                    <a data-toggle="tab" href="#tab-6">
                                                        <img alt="image" class="img-circle" style="width: 70px;height: 90px;border-radius: 10%;" src="img/a2.jpg" /></a>
                                                </li>
                                                <li class="">
                                                    <a data-toggle="tab" href="#tab-7">
                                                        <img alt="image" class="img-circle" style="width: 70px;height: 90px;border-radius: 10%;" src="img/a2.jpg" /></a>
                                                </li>
                                            </ul>
                                            <div class="tab-content ">
                                                <div id="" class="tab-pane active">
                                                    <div class="panel-body">
   
                                                        <div class="row" style="margin-left:0;margin-right0;">
                                                            <div id="upper-canvas" class="col-lg-9" style="padding-left:0;padding-right:0;">
                                                                <canvas id='myCanvas_oo' width='768' height='468'></canvas>
                                                                <!--<img src = "./mobile_web/home/2.jpg" />-->
                                                                <!--<iframe id="iframe_content" src="./mobile_web/home/index.html?id=25" height="100%" width="100%"></iframe>-->
                                                            </div>
                                                            <script>
                                                            

                                                            </script>
                                                            <div class="col-lg-3 merge-form">
                                                                <table class="table table-hover table-striped margin bottom" id="poster_contents_table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="" class="text-center">序号</th>
                                                                            <th>内容</th>
                                                                            <th>问题</th>
                                                                            <th class="operation">操作</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody></tbody>
                                                                </table>
<!--                                                                <button class="label label-info add-btn" style="border: none;padding: 10px;outline: none;float: right;" >添加标注</button>-->
                                                                <div style="display: flex;justify-content: space-between;">
                                                                    <button class="label label-info storage-btn" style="border: none;padding: 10px 30px;outline: none;" >保存</button>
                                                                    <button class="label label-info all-btn-update" style="border: none;padding: 10px 30px;outline: none;" >全部确认修改</button>
                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div></div>
                </div>
            </div>
            <style>

                .footer{
                    background: none repeat scroll 0 0 white;
                    position: static;
                }
                .flex{display: flex;justify-content:center;align-items: center;} .drag_image{ position: relative; height: 400px; border-right: 2px solid; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size:100% 100%; } .drag_box { border: 1px solid red; width: 120px; min-height: 100px; max-height: 200px; margin-left: auto; margin-right: auto; padding: 3px; outline: 0; color: red; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; background: transparent; position: absolute; z-index: 999; top: 150px; left: 50px; }</style></div>
    </body>

</html>


